<template>
  <div class="orderForm">
    <el-table class="red-header" :data="tableData" style="width: 100%">
      <el-table-column label="吧台编号" prop="title" align="center">
        <template slot-scope="{ row }">
          <span>{{ row.num }}</span>
        </template>
      </el-table-column>
      <el-table-column label="吧台位置" prop="title" align="center">
        <template slot-scope="{ row }">
          <span>{{ row.barArea }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户昵称" prop="title" align="center">
        <template slot-scope="{ row }">
          <span>{{ row.userAddrVO.consignee }}</span>
        </template>
      </el-table-column>
      <el-table-column label="用户地址" prop="title" align="center">
        <template slot-scope="{ row }">
          <span>{{ row.userAddrVO.addr }}</span>
        </template>
      </el-table-column>
      <el-table-column label="订单时长" prop="title" align="center">
        <template slot-scope="{ row }">
          <span>{{row.updateTime }}</span>
        </template>
      </el-table-column>
      <el-table-column label="接单时间" prop="createTime" align="center">
        <template slot-scope="{ row }">
          <span>{{ row.createTime }}</span>
        </template> </el-table-column
      ><el-table-column label="收益" prop="reward" align="center">
        <template slot-scope="{ row }">
          <span>{{ row.reward }}</span>
        </template>
      </el-table-column>
    </el-table>
  </div>
</template>
  
  <script>
import * as api from "@/api/platform/rider";
import { page } from "@/api/product/brand";
export default {
  data() {
    return {
      tableData: [],
      page:{
        pageSize:10,
        pageNum:1,
      }
    };
  },
  mounted() {
   
  },
  methods: {
    apiGeyId(data) {
      this.page.riderId=data.riderId
      api.geyIdList(this.page).then((res) => {
        if(res!=null){
          console.log(res)
          this.tableData = res.list;
        }
      });
    },
  },
};
</script>
<style lang="scss" scoped>
::v-deep .red-header .el-table__header th {
  background-color: rgb(242, 243, 245);
  color: #000; /* 可选：为了确保文字颜色与背景对比度良好，可以设置文本颜色为白色 */
}
</style>